<template>
  <div class="more">
    <ul>
      <li v-for="(item, index) in list" :key="index">
        <div class="step__title">{{item.createTime}}</div>
        <div class="step__content">
          <div>{{item.exchangeRemark}}</div>
          <div v-if="item.exchangeDes" class="step__remark">备注：{{item.exchangeDes}}</div>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="stylus">
.more {
  background-color #fff
  padding 10px
  font-size 14px
  color #666
  line-height 18px
  li {
    margin-bottom 14px
  }
  .step__title,.step__content {
    margin-bottom 6px
  }
  .step__title:before {
    content ''
    width 10px
    height 10px
    background-color #7792b7
    display inline-block
    border-radius 5px
    margin-right 6px
  }
  .step__remark {
    margin-top 8px
  }
}

</style>